<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			//------------------事件---------------------------------------

			/*
			   1.load事件在整个页面及所有依赖资源如样式表和图片都已完成加载时触发
			   2.DOMContentLoaded只要页面 DOM 加载完成就触发，无需等待依赖资源的加载
			*/

			/* var btn = document.querySelector("button");
			btn.addEventListener("click", function() {
				console.log(this);
			}) */

			window.addEventListener('load', function() {
				console.log("load");
				var btn = document.querySelector("button");
				btn.addEventListener("click", function() {
					console.log(this);
				})
			})

			window.addEventListener('DOMContentLoaded', function() {
				console.log("DOMContentLoaded");
			})
		</script>

		<script type="text/javascript">
			//------------------方法---------------------------------------
			//1000毫秒=1秒
			// 在定时器到期后执行一个函数
			var timeoutID = setTimeout(function() {
				console.log("博为峰");
			}, 3000)

			// 取消
			clearTimeout(timeoutID);

			//重复调用一个函数，在每次调用之间具有固定的时间间隔
			var intervalID = setInterval(function() {
				console.log("学掌门");
			}, 2000)

			// 取消
			clearInterval(intervalID);


			var r = confirm("确定要删除此商品?");
			console.log(r);
		</script>
	</head>
	<body>
		<button>load</button>
	</body>
</html>
